<template>
  <div>
    <oolongSlider :value="value1"></oolongSlider>
    <br><br>
    <oolongSlider :value="value2" :range="true"></oolongSlider>
    <br><br>
    <oolongSlider :value="value3" :range="true" :disabled="true"></oolongSlider>
  </div>
</template>
<script>
  export default{
    data(){
      return {
        value1: 25,
        value2: [20, 50],
        value3: [20, 50]
      }
    }
  }
</script>
<style lang="scss" scoped>

</style>
